<script setup lang="ts">
// 2. 定义属性接收父组件传值
// ..withDefaults设置默认值
const props = withDefaults(defineProps<{
  car: string
  money: number
  house?:string
}>(), {
  house:'yyyyyy'
})
console.log(props.car);


//3、子穿父  提供自定义事件
const emit = defineEmits<{
  //这里有两个参数事件名称   传参 
  (e: 'change-money', money: number): void
  (e:'change-car',car:string):void
}>()



</script>

<template>
  <div class="child-page">
    子组件
    子组件
    <div>车: {{ car }}</div>
    <div>钱包: {{ money }}</div>
    <div>房子: {{ house }}</div>
    <!-- 发射自定义事件给父组件 -->
     <button @click="emit('change-money',20000)">搬砖</button>
     <button @click="emit('change-car','爱玛电动车')">换个车</button>
  </div>
</template>

<style lang="css" scoped>
.child-page{
    width: 100px;
    height: 80px;
    background-color: azure;
}

</style>
